body{
	margin:auto;
}

a{
	text-decoration: none;
	color: #000000a1;
}

input{
	border: 0px;
}

li{
	list-style: none;
}

@keyframes colorchange{
	0% {color: black;}
	25%{color: #E5DFD3;}
	50%{color: white;}
	50%{color: #E5DFD3;}
	100%{color: black;}
}
@-webkit-keyframes colorchange{
	0% {color: black;}
	25%{color: #E5DFD3;}
	50%{color: white;}
	50%{color: #E5DFD3;}
	100%{color: black;}
}
@-ms-keyframes colorchange{
	0% {color: black;}
	25%{color: #E5DFD3;}
	50%{color: white;}
	50%{color: #E5DFD3;}
	100%{color: black;}
}
@-moz-keyframes colorchange{
	0% {color: black;}
	25%{color: #E5DFD3;}
	50%{color: white;}
	50%{color: #E5DFD3;}
	100%{color: black;}
}

@keyframes bg-nav{
	from{background: #FFFFFF;width:0px;}
	to{background: #e5dfd3;width:100%;}
}

@keyframes zoom-wid{
	from{width:0px;}
	to{width:100px;}
}

@-ms-keyframes zoom-big{
	from{transform: scale(1);}
	to{transform: scale(1.2);}
}


#background{
	width: 100%;
	height:100%;
}

#bgvideo{
	margin:0px;
	padding:0px;
	position: fixed;
	right:0px;
	bottom:0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -11;
}
#bgimage{
	margin:0px;
	padding:0px;
	position: fixed;
	right:0px;
	bottom:80px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -11;
}

#navbg{
	width: 100%;
	height: 85px;
	background-color: white;
}

.nav-part{
	height:50px;
	top: 10px;
	position:fixed;
}

#head{
	height:50px;
	top: 10px;
	position:fixed;
	padding-left:90px;
}

#head>li{
	list-style: none;
	float:left;
	padding-top: 10px;
	margin: 0px 30px 0px;
}

#head>li>span{
	font-size: 15px;
	color: #000000a1;
	transition: all 0.3s;
}
#head>li>span:hover{
	font-size: 18px;
	background: #e5dfd3;
	box-shadow: 0px 0px 4px 4px #E5DFD3;
	border-radius: 3px;
	animation: zoom-wid 1s;
}

#nav-icon{
	top:-10px;
	position:relative;
}
#nav-logo{
	width: 40px;
	height: 40px;
	transition: all 0.3s;
}

#nav-logo:hover{
	transform: rotate(720deg);
}

#subnav{
	height: 0px;
	opacity: 0;
	width: 325px;
	top: 20px;
	left: 0px;
	position: relative;
	background-color: white;
	color: #0000009e;
	box-shadow: 0px 0px 5px 5px #00000045;
	transition: all 0.2s linear;
}

#aboutme:hover #subnav{
	height: 120px;
	opacity: 1;
}

#subnav>ul>li{
	padding-top: 13px;
}

#myinfoname{
	list-style: circle;
	float: left;
}

#myinfo{
	list-style: none;
	float: left;
}
#myinfo>li{
	margin-left: -20px;
}

#search{
	top: 35px;
	right: 200px;
	position: fixed;
}

#searchkey{
	border-bottom: 1px solid gray;
	width: 100px;
	text-align: center;
}

#searchicon{
	width: 20px;
	height: 20px;
}

#totop{
	display: none;
	bottom:100px;
	right:100px;
	position: fixed;
	z-index: 100;
}

#totopline{
	width:1px;
	height:450px;
	border-left: 1px solid #e5dfd3;
	bottom: 123px;
	right: 89px;
	position: fixed;
}

#tri{
	
}
#bigtri{
	width: 80px;
	height: 80px;
	bottom: 40px;
	right: 50px;
	position: fixed;
}
#bigtri-0{
	width: 40px;
    height: 40px;
    bottom: 73px;
    right: 70px;
	position: fixed;
	opacity: 0;
	transition: all 0.2s linear;
}
#tri:hover #bigtri-0{
	bottom: 150px;
	opacity: 1;
}

#cttitle{
    width: 37px;
    height: 195px;
    background-color: #FFFFFF;
    align: center;
    margin: 0 auto;
    margin-top: 260px;
}

#cttitleimg{
	width: 30px;
	height: 174px;
	margin: 9px 5px;
	opacity: 0.75;
}

#line{
	margin: 0 auto;
	width: 1500px;
	height: 2px;
	background-color: #E5DFD3;
	position: relative;
	top: 20px;
	left: 0px;
}
#pg_title{
	height: 250px;
}
/* 下一个按钮 */
.next-sign{
    width: 750px;
    height: 35px;
    top: 88px;
    left: 45px;
    position: relative;
    float: left;
}
#next-tri{
	width: 30px;
	height: 30px;
	transform: rotate(60deg);
	top: 0px;
	left: 0px;
	position: relative;
	float: left;
}
#next-line{
	width: 650px;
	height: 1px;
	border-bottom: 1px solid #E5DFD3;
	top: 18px;
	left: 50px;
	position: relative;
	float: left;
}

.Title{
	width: 200px;
	height: 150px;
	top: 95px;
	left: 95px;
	position: relative;
	float: left;
	text-align: center;
}
.title_1{
	top: 0px;
	left: 0px;
	position: relative;
}
.title_2{
	top: 0px;
	left: 0px;
	position: relative;
	padding-top: 15px;
}
.title_3{
	top: 0px;
	left: 0px;
	position: relative;
	padding-top: 20px;
}
.title_1>span{
	font-family: "微软雅黑";
	font-size: 25px;
}
.title_2>span{
	font-family: "arial black";
	font-size: 10px;
}
.title_3>span{
	font-family: "宋体";
	font-size: 20px;
}

#timer{
	width: 150px;
	height: 200px;
	font-family: "felix titling";
	color: lightgray;
	font-size: 16px;
	top: 0px;
	left: 1655px;
	position: relative;
	border-bottom: 1px solid #E5DFD3;
	border-right: 1px solid #E5DFD3;
}
#timer div{
	line-height: 30px;
}

#pgbottom{
	margin: 0 auto;
	width: auto;
	height: 1000px;
	text-align: center;
	vertical-align: middle;
	background-color: rgba(255,255,255,0.3);
}

.vtcChar{
	width: 28px;
	margin: auto;
	background-color: rgba(255,255,255,0.6);
	font-family: "楷体";
	font-size: 22px;
}

#botchar1{
	top: 130px;
	left: 35px;
	position: relative;
}

#botchar2{
	top: 20px;
	left: -40px;
	position: relative;
}

#pginfo{
	top: 200px;
	left: 0px;
	position: relative;
}
#pginfo_made{
	font-size: 19px;
}


.Phrases{
	width: 200px;
	height: 450px;
	margin: 50px;
	float: left;
}
.phrase{
	width: 80px;
	height: 420px;
	float: left;
	color: black;
}
.phrase span{
	writing-mode: vertical-lr;
	font-family: "仿宋";
	font-size: 25px;
	padding: 8px;
	transition: all 0.3s;
}
.Phrases:hover .phrase{
	color: #E5DFD3;
}

.phrase_title{
	padding-top: 175px;
	float: right;
}
.phrase_title span{
	writing-mode: vertical-rl;
}

 #Phrases_1{
	top: 0px;
	left: 150px;
	position: relative;
 }
 #Phrases_2{
 	top: 100px;
 	left: 150px;
 	position: relative;
 }
 #Phrases_3{
 	top: 20px;
 	left: 150px;
 	position: relative;
 }
 #Phrases_4{
	width: 280px;
 	top: 100px;
 	left: 150px;
 	position: relative;
 }
 #Phrases_5{
	width: 200px;
 	top: 10px;
 	left: 150px;
 	position: relative;
 }
 
 #pagechange{
	 width: auto;
	 height: 200px;
	 clear: both;
 }
 /*上一页*/
 #lastpage{
	float: left;
	width: 500px;
	height: 70px;
	border-bottom: 1px solid #E5DFD3;
	top: 75px;
	left: 350px;
	position: relative;
 }
 #lastpage_ani{
	float: left;
	width: 0px;
	height: 1px;
	border-bottom: 1px solid orange;
	transition: all 0.8s;
	top: 22px;
	position: relative;
 }
#lastpage:hover #lastpage_ani{
	width: 350px;
}

#lastpage_tri{
	width: 40px;
	height: 40px;
	top: 0px;
	left: 20px;
	position: relative;
	transform: rotate(32deg);
}
#lastpage span{
	font-family: "宋体";
	font-size: 18px;
	color: #000000;
	top: -6px;
	left: 20px;
	position: relative;
}

 /*下一页*/
 #nextpage{
	float: right;
	width: 500px;
	height: 70px;
	border-bottom: 1px solid #E5DFD3;
	top: 75px;
	right: 350px;
	position: relative;
 }
 #nextpage_ani{
	float: right;
	width: 0px;
	height: 1px;
	border-bottom: 1px solid orange;
	transition: all 0.8s;
	top: 22px;
	position: relative;
 }
#nextpage:hover #nextpage_ani{
	width: 350px;
}

#nextpage_tri{
	float: right;
	width: 40px;
	height: 40px;
	top: 0px;
	right: 20px;
	position: relative;
	transform: rotate(-32deg);
}
#nextpage span{
	float: right;
	font-family: "宋体";
	font-size: 18px;
	color: #000000;
	top: 15px;
	right: 20px;
	position: relative;
}
#ToHome{
	width: 40px;
	height: 40px;
	margin: 0 auto;
	top: 80px;
	right: 10px;
	position: relative; 
	transition: all 0.3s;
}
#ToHome_icon{
	width: 70px;
	height: 70px;
	transition: all 0.3s;
}
#ToHome:hover{
	transform: scale(1.3);
}

/*三角圆形大标题*/
#Shapetitle{
	width: 150px;
	height: 260px;
	top: 70px;
	left: 0px;
	position: relative;
	margin: 0 auto;
	text-align: center;
}
#Shapetitle_tri{
	width: 50px;
	height: 50px;
	top: 0px;
	left: 0px;
	position: relative;
}
#Shapetitle_title{
	top: 10px;
	left: 0px;
	position: relative;
	color: gray;
	font-family: "agency fb";
	font-size: 20px;
}
#Shapetitle_cir{
	width: 50px;
	height: 50px;
	top: 20px;
	left: 0px;
	position: relative;
}